
Processing 

di MATTED FIDRAVAI1TI 



Conosciamo il linguaggio di programmazione 
open-source creato per realizzare immagini e 
animazioni, le cui librerie ed il cui ambiente sono 
compatibili con rambiente di sviluppo di Arduino. 
Prima puntata. 



Processing e un linguaggio di program- 
mazione sviluppato con il preciso scopo 
di rendere molto semplice l'interazione con 
elementi grafici; piu esattamente, e finaliz- 
zato alia realizzazione di immagini, anima- 
zioni e interazioni. Ottenere questo con altri 
linguaggi, come ad esempio C++ o Java, 
risulta complesso e richiede un grado molto 
elevato di conoscenze. Gli ideatori e svilup- 



patori di Processing sono Casey Reas e Ben 
Fry: il primo e professore al dipartimento di 
Design And Media Arts alia UCLA, mentre 
Ben Fry e un designer e programmatore di 
Cambridge. Processing e stato sviluppato 
dal 2001, con la finalita di ottenere un lin- 
guaggio semplice per gli studenti di arte e 
design e per quelli ad indirizzo tecnico. 
Processing e stato notevolmente sviluppato 
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in questi anni, come pure le sue numerose 
librerie, che ad oggi coprono varie funzio- 
nalita: grafica 3D, comunicazione seriale, 
interfacciamento con Arduino, audio. 
Processing e le sue librerie sono comple- 
tamente liberi, e come per gran parte di 
tutti i software open-source, la comunita di 
utilizzatori, appassionati, programmatori, 
hobbisti e molto ampia. 
Generalmente quando si studia un linguag- 
gio di programmazione si parte sostanzial- 
mente dalla struttura, dai concetti teorici, 
dagli algoritmi e dai vari metodi di pro- 
grammazione, relegando alia fine l'intera- 
zione con la grafica e magari le animazioni. 
Utilizzando Processing, si parte direttamen- 
te da grafica e animazioni, f ermo restando 
che devono essere compresi le strutture di 
programmazione e i vari costrutti. 
La piena compatibility con Arduino e un 
altro aspetto che rende Processing estrema- 
mente interessante, senza contare che gli 
ambienti di programmazione sono pratica- 
mente identici. Con Arduino e Processing 
abbiamo la possibility di realizzare delle 
applicazioni complete, in cui i dispositivi 
hardware vengono realizzati utilizzando 
Arduino e gli applicativi software sono 
scritti in Processing. Chi gia conosce Ardui- 
no, trovera sicuramente familiare l'ambien- 
te di Processing, dato che e praticamente 
lo stesso. Chi invece non conosce Arduino 
e volesse cominciare il suo percorso di 
apprendimento direttamente da Processing, 
non incontrera alcuna difficolta e potra inte- 
grare successivamente i concetti di Arduino, 
se mai ne avesse necessita. 




II corso che presentiamo ha lo scopo di for- 
nire a studenti ed hobbisti le nozioni base 
per utilizzare Processing e per realizzare dei 
programmi che si interfaccino con Arduino. 
Alia fine di questo corso si avranno le no- 
zioni base per realizzare una GUI (Graphic 
User Interface) completa con la quale sara 
possibile controllare Arduino. 
II sito internet di riferimento e httpillpro- 
cessing.org, da cui e possibile scaricare 
Processing e trovare tutte le informazioni 
del caso, esempi, riferimenti, librerie, libri 
consigliati; rimandiamo ad esso per qual- 
siasi approfondimento relativamente agli 
argomenti trattati in questo corso. 

SCARICARE ED INSTALLARE PROCESSING 

Si comincia visitando il sito httpillproces- 
sing.org/download e selezionando la versio- 
ne relativa al sistema operativo che si sta 
utilizzando: Windows, Mac, Linux. Proces- 
sing e indipendente dai sistema operativo e 
il codice creato con esso puo essere traspor- 
tato da un sistema all'altro senza alcuna 
modifica. 

L'ultima versione di Processing disponibile 
nel momento in cui scriviamo questo corso 
e la Processing-1.2.1; in ogni caso, nel sito 
sono sempre disponibili le versioni prece- 
denti. 

Per quanto riguarda la versione Windows, 
ci sono due modalita: 

1) Windows; 

2) Windows (Without Java). 

La prima modalita e quella standard, men- 
tre la seconda presuppone l'installazione 
da soli di JDK (Java Development Kit), che 
e diverso dai comune JRE (Java Run Time 
Engine). Sostanzialmente, Processing si 
f onda su Java ed in un certo senso ne e una 
derivazione, pertanto per funzionare cor- 
rettamente necessita di alcune componenti, 
che nella modalita standard vengono instal- 
late automaticamente, mentre nella seconda 
modalita prevista bisogna farlo da soli. 
La seconda modalita di installazione deve 
essere seguita soltanto se si ha dimestichez- 
za con Java e con tutto il Development Kit 
(ovviamente se per altri scopi abbiamo gia 
installato JDK, seguiremo questa modalita). 
Una volta scaricato, Processing si presente- 
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ra come un file .zip, quindi occorre estrarlo 
e posizionare la cartella in una locazione 
dell'HD; a questo punto basta fare do ppio 
clic su processing.exe per cominciare. 

PROCESSING DEVELOPMENT 
ENVIRONMENT (PDE) 

Una volta avviato il Processing Develop- 
ment Environment, si presentera un'area 
chiamata Text Editor, dove verranno scritti i 
programmi; appena sopra quest'area c'e una 
fila di pulsanti denominata Toolbar. Sotto 
al Text Editor c'e la Message Area e sotto a 
questa la Console. La Message Area e usata 
per inviare da Processing i messaggi di erro- 
re, mentre la Console serve per trasmettere, 
ad esempio, dei messaggi dal programma in 
esecuzione. La Fig. 1 mostra il PDE. 
I programmi creati con Processing vengono 
chiamati sketch, termine f amiliare a chi ha 
seguito il nostro corso su Arduino. 
La Toolbar e composta dai seguenti pulsanti: 

1. RUN - avvia il programma; 

2. STOP - f erma il programma; 

3. NEW - apre un altro editor; 

4. OPEN - apre un altro programma; 

5. SAVE - salva il lavoro corrente; il forma- 
to di un file in Processing e .pde; 

6. EXPORT - crea una cartella unica con 
tutto il lavoro realizzato, che puo essere 
installata su un web-server ed e compo- 
sta da un file .pde che e il codice sorgen- 
te; il file .jar sara il programma, mentre il 
file .html corrisponde alia pagina web. 

In EXPORT, facendo doppio clic sul file in- 
dex.html si avviera il browser web, mostran- 
do lo sketch create 

Nel menu Tile si trova anche il comando 
Export to Application, che crea un'applica- 
zione per il sistema operativo che vogliamo: 
Mac, Windows, Linux. L'applicazione creata 
sara quindi trasportabile ed installable su 
altri PC che non hanno Processing. 
Scrivere codice coinvolge spesso lo studio e 
la vera e propria esplorazione di esempi gia 
fatti; sotto questo aspetto, Processing gia di 
suo ha tantissimi esempi molto ben struttu- 
rati in argomenti e categorie: basta imparti- 
re il comando di menu File -> Examples ed 
eseguire i vari codici sorgente disponibili. 
Un altro strumento indispensabile per 



iniziare a programmare con Processing e il 
Processing Reference, cioe la lista di tutte 
le primitive del linguaggio con tanto di 
spiegazione e breve codice di esempio. Per 
accedere al Refence basta andare sul menu 
Help ed impartire il comando Reference, 
allorche si aprira la pagina html con la lista 
di tutte le API del linguaggio Processing; 
basta fare clic su una di esse e si aprira la 
relativa pagina con la descrizione ed il codi- 
ce di esempio. 

CODICE 

I programmi di esempio che proporremo in 
questo corso sono i seguenti: 

1. LEZIONE 1_1 FORME BASE; questo 
programma mostra come disegnare linee, 
rettangoli, cerchi, quadrilateri sull'area 
di disegno; 

2. LEZIONE 1_2 FORME BASE 2; rispetto 
al programma precedente, aggiunge le 
funzionalita legate al tratto di disegno 
ed al riempimento di colore delle figure; 

3. LEZIONE 1_3 COLORI BASE; illustra le 
funzionalita legate a colori, riempimenti 
e trasparenze; 

4. LEZIONE 1_4 ELETTRINO 1; questo 
programma permette di disegnare un 
robot con le funzionalita descritte nei 
programmi precedenti; 

5. LEZIONE 1_5 STRUTTURA BASE DI 
UN PROGRAMMA; in esso viene mo- 
strata la struttura base di un programma 
scritto in Processing; 

6. LEZIONE 1_6 CONTROLLO DI FLUS- 
SO_RIPETIZIONI; questo programma 
descrive l'uso dei cicli FOR; 

7. LEZIONE 1_7 CONTROLLO DI FLUS- 
SO_IF; questo programma mostra l'uti- 
lizzo del costrutto condizionale IF; 

8. LEZIONE 1_8 USO DEL TESTO; aggiun- 
giamo del testo al programma dell'eser- 
cizio precedente; 

9. LEZIONE 1_9 - ANIMAZIONE; realiz- 
ziamo una semplice animazione. 

Partiamo dunque dal primo programma di 
esempio. 

LEZIONE 1_1 FORME BASE 
Iniziamo ora a scrivere il nostro primo 
programma, che consiste semplicemente 
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size(260,400) ; 
background(205) ; 
smooth ( ) ; 
strokeWeight(2) ; 



//di mensi oni X,Y dell 'area di disegno 

//sfondo dell 'area di disegno, in gradazione di grigio 

//forme disegnate meno spigolose 

//spessore del tratto di disegno pin px 



line(60,60,200,20); 

t ri angle (200, 60 ,200 ,100 ,60, 100 ) ; 

quad ( 100, 120, 180, 140, 160, 160, 60, 160 ) ; 

rect(80,200, 100,40) ; 

ellipse(120,280,50,50); 

arc(120, 350, 70, 70, 0, PI+HALF_PI); 



//linea XI, Yl, X2,Y2 

//triangolo XI , Yl , X2 , Y2 , X3 , Y3 

//quadril atero XI , Yl , X2 , Y2 , X3 , Y3 , X4 , Y4 

//rettangolo X,Y, larghezza, altezza 

//ellisse X,Y, larghezza, altezza 

//arco X,Y, largh, Altezza, ang inizio, ang fine 



nel rappresentare sullo schermo delle figure 
geometriche utilizzando le funzioni native 
di Processing. 

La dimensione dell'area in cui andremo a 
disegnare le nostre forme e definita dalla 
funzione: size(), le dimensioni dell'area di 
disegno sono definite in pixel e i parame- 
tri da passare alia funzione sono width ed 
eight, ovvero larghezza ed altezza. 
L'origine 0,0 del piano di disegno e posta 
nello spigolo in alto a sinistra, la direzione 
di incremento dell'asse X e verso destra, 
mentre la direzione di incremento dell'asse 
Y e verso il basso. 

La funzione backgroundO permette di 
definire il colore di sfondo del piano di 
disegno; inserendo un solo valore che va da 
0 a 255, Processing riconoscera che stiamo 
lavorando in scala di grigi. Successivamente 



affronteremo il tema dei colori. 
II comando smooth() evita la spigolosita 
delle varie forme disegnate, mentre stro- 
keWeightO definisce lo spessore del tratto 
in pixel. Le linee vengono disegnate con il 
comando line(), che si aspetta le coordinate 
del punto di partenza (XI, Yl) e di quello di 
arrivo (X2,Y2). In maniera del tutto similare 
triangleO disegna dei triangoli e dobbia- 
mo definire le coordinate dei tre vertici 
(X1,Y1,X2,Y2,X3,Y3). Per disegnare dei qua- 
drilateri si usa il comando quad(), inseren- 
do le coordinate dei quattro vertici. Diverso 
e il caso per i rettangoli, che sono disegnati 
con il comando rect(), i cui parametri sono 
le coordinate X,Y dello spigolo in alto a 
sinistra, la larghezza del rettangolo e la sua 
altezza. In maniera del tutto simile a come 
vengono disegnati i rettangoli, si tracciano 




o 
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le ellissi; il comando corrispondente e ellip- 
se(), i cui parametri sono le coordinate X,Y 
del centro la larghezza e l'altezza (ovvia- 
mente se altezza e larghezza sono identiche 
otterremo un cerchio). 

L'ultimo comando che esaminiamo e arc(), il 
cui funzionamento e identico a ellipseO, ma 
ha due parametri in piu, che sono l'angolo 
di inizio e l'angolo di fine (espressi in ra- 
dianti e con verso positivo di crescita quello 
antiorario). 

II codice corrispondente e quello visibile 
nel Listato 1. 

LEZIONE 1_2 FORME BASE 2 
II codice di questo secondo programma 
aggiunge due particolari funzionalita a 
quello precedente, o meglio, prima di ogni 
primitiva di disegno definisce fill() e stro- 
keWeight(). Ne consegue che ogni forma 
disegnata avra il suo colore di riempimento 

Listato 2 




ed il suo spessore del tratto di disegno. La 
Fig. 2 mostra le forme base del programma 
precedente, mentre la Fig. 3 illustra le forme 
base con le nuove funzionalita appena 
descritte. 

LEZIONE 1_3 COLORI BASE 
II codice di questo terzo programma mostra 
come utilizzare i colori e le funzionalita di 
Processing relativamente alle trasparenze; 
con esso vengono disegnate due combina- 



si ze(280 ,420) ; //dimension!' X,Y dell 'area di disegno 

//1'origine e situata nello spigolo in alto a sinistra, 

//X incrementa da sinistra a destra 0 — > X 

//Y incrementa da 1 1 'alto verso il basso 0 I 

// I 

// V 

// Y 

//i colori sono R - G - B 

//i valori che possono assumere vanno da 0 --> 255 

//nel 1 a funzione fillO possiamo mettere un solo parametro, quindi stiamo lavorando in gradazioni di grigio 
//nel 1 a funzione fill ( ) possiamo mettere tre parametri, quindi lavoreremo in RGB 

backgrounds, 0,0) ;//sfondo dell 'area di disegno nero R=0 , G=0 , B=0 

smoothO; //questa funzione permette di rendere le forme disegnate meno spigolose 

noStrokeO; //con questa funzione le forme disegnate sono prive di contorno 

fill (255, 0, 0); //riempimento di colore rosso 

el 1 i pse(80 ,80 , 140 , 140) ; //prima ci rconf erenza 

fill ( 0 , 255, 0); //riempimento di colore verde 

el 1 i pse( 200 , 80 , 140 , 140 ) ; //seconda ci rconf erenza 

fill ( 0 , 0, 255); //riempimento di colore bl u 

el 1 i pse( 140 , 140 , 140 , 140 ) ; //terza ci rconf erenza 



//oltre ai colori si puo impostare la trasparenza 
/ / i valori vanno da 0 --> 255 

//nel 1 a funzione fill ( ) possiamo mettere quattro parametri: R,G,E 



trasparenza 



fill(255, 0, 0,100); 
ellipse(80,280,140,140); 
filKO, 255, 0, 100); 
ellipse(200,280,140,140); 
filKO, 0, 255, 100); 
ellipse(140,340,140,140); 



//riempimento di colore rosso e trasparenza 100 
//prima ci rconf erenza 

//riempimento di colore verde e trasparenza 100 
//seconda ci rconf erenza 

//riempimento di colore blu e trasparenza 100 
//terza ci rconf erenza 
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zioni di tre cerchi con i colori ^^^^^H 

base. Nella prima sequenza ^^^^^^ 

i colori sono pieni e non ci HHHH| 

sono trasparenze, mentre nella 11 i — J^H 
seconda vengono utilizzate le 
trasparenze Fig. 4. Trovate il 
codice corrispondente a questo 
esempio nel Listato 2. 

LEZIONE 1_4 ELETTRINO 1 ^^^H 

A questo punto mettiamo as- ^^^^^H 

sieme tutte le funzioni descrit- ^^^^^H 

te ed incominciamo a realizza- ^^^^^H 

re un disegno. ^^^^^H 

II codice di questo quarto pro- ^^^^^^ 

gramma permette di combinare ^^^^^H 

le forme base per disegnare ^^^^^^ 

un piccolo robot (Fig. 5) cui ^^^^^^ 

diamo il nome di Elettrino e ^^^^^^ 
che richiameremo piu avanti 
in successivi programmi, nei quali saranno 
aggiunte altre funzionalita. 

LEZIONE 1_5 STRUTTURA BASE 

DI UN PROGRAMMA 

II quinto programma esegue un ciclo in cui 

nel terminale viene scritto continuamente 




un numero che viene incrementato ad ogni 
ciclo (Fig. 6). La struttura di un programma 
scritto in Processing si compone di tre parti 
fondamentali: 

• la dichiarazione delle variabili; 

• void setupOU che e una parte di codice 
eseguito una sola volta; 



Listato 



int cont; 



//dichiarazione del 1 a variabile cont come intero 



//setup viene eseguito una sola volta 
void setup(){ 

cont=0; ll\ ni zi al i zzazi one del la variabile cont 

pri ntl n ( "SETUP - eseguito una sola volta"); //scrittura a terminale 

} 

//draw e un ciclo che viene eseguito continuamente 
voi d draw( ) { 

pri ntl n ( "ci cl o continuo - in esecuzi one" ) ; //scrittura a terminale 

pri ntl n(cont) ; //scrittura a terminale del valore di cont 

delay(lOOO); //attesa di 1 secondo, il valore di delayO e espresso in ms 

cont +=1; //incremento di cont di 1 ad ogni ciclo 

} 



Listato 4 



size(480,120) ; 
smooth ( ) ; 

backgrounds, 0,0) ; 
strokeWei ght ( 1 ) ; 



// sfondo nero 



//ciclo for 

for (int i =40; i<480; i +=40 ){ //variabile di conteggio i, che parte da 40 fino a 280, con increment!' di 40 per ogni ciclo 
fill (50+i/2, 90+i/10, 200); //ri empi mento , i colori variano in modo proporzi onal e con 1' incremento di i 
ellipse (i, 60, 60, 60); //vengono disegnati cerchi, la cui posizione X e i 

} 
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• void draw(){} che invece e la parte di 
codice eseguita continuamente. 

Nel programma appena descritto (Listato 
3) e stata utilizzata la funzione delay(lOOO); 
che permette di creare un ritardo di 1 secon- 
do; in pratica l'argomento della funzione e 
un numero che esprime il ritardo in ms. 
La scrittura cont +=1; significa che la varia- 
bile cont viene incrementata di un'unita ad 
ogni ciclo. 

LEZIONE 1_6 CONTROLLO DI FLUSSO_ 
RIPETIZIONI 

Questo sesto programma introduce l'uti- 
lizzo dei controlli di flusso. II codice (Li- 
stato 4) serve a disegnare una ripetizione 
di cerchi di colore diverso, come mostrato 
nella Fig. 7; questa funzionalita e ottenuta 
attraverso un ciclo FOR. Quest'ultimo e de- 
scritto dalla variabile che viene incrementa- 
ta ad ogni ripetizione, dalla condizione per 
cui il ciclo viene ripetuto (in pratica, finche 
la condizione e vera il ciclo viene ripetuto, 
mentre quando diventa falsa il programma 
esce dal ciclo) ed inline dall'incremento 
della variabile. 

Nel caso del programma in questione, la 

variabile che viene incrementata e i, defini- 

ta come intero for(int i .... 

La condizione per cui il ciclo e ripetuto e: 

"fintanto che i e minore di 480" for (int i; i< 

480.... 

Invece l'incremento della variabile i ad ogni 
ciclo e 40: for (int i; i< 480; i +=40). 

LEZIONE 1_7 CONTROLLO DI FLUSSOJF 
II settimo programma della prima lezione 
permette di disegnare un quadrato con 
airinterno quattro quadranti; spostando 
il cursore del mouse sopra un quadrante, 
questo cambia di colore (Fig. 8). 
Lo scopo principale di questo programma 
e verificare la posizione del cursore del 
mouse; se questa e entro i limiti definiti 
di un quadrante viene cambiato il colore 




dell'area. Definite le dimensioni dell'area 
di lavoro (con size(200,200)), la posizione X 
ed Y del mouse pud essere ottenuta sempli- 
cemente con i comandi mouseX e mouseY, 
i quali ci restituiranno, nell'istante in cui 
sono richiamati, il valore X ed Y del cursore 
del mouse nell'area di disegno. 
La condizione di verifica del primo qua- 
drante e la seguente: 

if ((mouseX > xl) && (mouseX < x2) && (mouseY > yl) && (mouseY < y3)){. 

In pratica si tratta di una condizione con 
quattro AND logici (&&) che verifica se la 
posizione X del mouse e tra XI e X2 e se la 
posizione Y del mouse e tra Yl e Y2; se tutte 
e quattro le condizioni sono verificate, la 
condizione complessiva e vera e di conse- 
guenza viene colorata l'area (Listato 5). 

LEZIONE 1_8 USO DEL TESTO 
Questo programma aggiunge, rispetto 
al precedente, del testo per identificare i 
quadranti (Fig. 9); il comando qui utilizza- 
to e: text("testo da scrivere", posizione X, 
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LEZIONE 1_9 - ANIMAZIONE 
Realizziamo ora una semplice animazione 
consistente in un'ellisse che oscilla in verti- 
cale tra due posizioni, come mostra la Fig. 10. 
II programma si basa sul concetto fondamen- 
tale in Processing, secondo cui void draw(){} 
viene ripetuto continuamente; per la preci- 
sione, tale funzione e richiamata, di regola, 
60 volte al secondo. Pertanto sfruttando 
questo principio possiamo realizzare delle 
animazioni. 

La tecnica base e quella di creare una figura 
in una certa posizione, quindi cancellarla 
nel frame successivo e ridisegnarla in una 
posizione differente dalla prima. 
L'oscillazione sull'asse verticale della po- 
sizione dell'ellisse e ottenuta mediante la 
formula: 



float yl = offset + (sin(angolo))*scala; 

La posizione e definita da yl, angolo e una 
variabile che viene incrementata ad ogni ci- 
clo, mentre la funzione sin() (funzione seno 
di un angolo espresso in radianti) restituisce 
un numero compreso tra -1 e 1. La variabile 
scala moltiplica sostanzialmente il valore 
della funzione sin(), mentre offset rappre- 
senta la posizione iniziale attorno alia quale 
avviene l'oscillazione. 
La variabile di angolo verra incrementata 
indefinitamente (perlomeno fino alia sua to- 
tale occupazione del campo di memoria e poi 
ricomincera), ma la funzione seno e periodi- 
ca di 2pi, quindi il numero che ne consegue 
dal continuo incremento di angolo sara un 
multiplo di 2pi ed il risultato della funzione 
seno sara sempre compreso tra -1 e 1. 
Variando le costanti iniziali, ossia angolo, 




posizioneY). II Listato 6 mostra l'utilizzo di 
tale comando neirapplicazione oggetto di 
questo esercizio. 




Listato 



float angolo = 0.0; //angolo 

float offset = 200; //posizione iniziale del 1 ' el 1 i sse 
float scala = 60; //ampiezza del 1 ' osci 1 1 azi one 



float velocita 



0.02; 



//velocita del 1 ' osci 1 1 azi one 



void setup(){ 
size(560,400) ; 
smooth ( ) ; 
strokeWei ght ( 1 ) ; 
background(O) ; 
ellipseMode(RADIUS); 

} 

voi d draw( ) { 

fill (0,0,0); 
rect(0, 0,560, 400) ; 



//ri empimento di colore nero 

//disegno di un rettangolo di colore nero di dimension!' pari 
al 1 'area di di segno 



float yl = offset + ( si n ( angol o ) )*scal a ; //calcolo del 1 a nuova posizione Y del 1 ' el 1 i sse 
fill (0,220,200) ; // colore di riempimento delTellisse 

ellipse(280, yl, 30, 30); //disegno delTellisse 

angolo += velocita; //incremento ad ogni ciclo del 1 a variabile angolo 



offset, scala e velocita, si puo sperimentare 
cosa accade. II Listato 7 mostra il codice cor- 
rispondente a questo esempio. 
Bene, con gli esercizi abbiamo terminate In 
questa prima puntata del corso su Processing 
abbiamo brevemente descritto come instal- 
lare questo linguaggio di programmazione 
e dei brevi programmi di esempio; nella 
prossima incominceremo a realizzare delle 
applicazioni con Arduino. Scriveremo quin- 
di dei semplici programmi che tratteranno 
Tinterf acciamento di un software scritto in 
Processing con un piccolo sistema basato su 
Arduino. Fondamentalmente, realizzeremo 
su Processing un'interf accia grafica e f aremo 
accendere un LED su Arduino; l'applicazio- 



ne sara molto semplice, ma alia base ci sara 
la costruzione di una struttura master/slave e 
di un protocollo di comunicazione tra i due 
sistemi. 

EXTRA - PLASMA FADING 

La finalita di Processing e, come gia det- 
to, costituire un linguaggio semplice per 
applicazioni di grafica e design; il codice 
plasma_fadig.pde allegato ai programmi di 
esempio di questo corso si rif erisce proprio a 
cio. Si tratta di un'applicazione in cui viene 
disegnato un raggio colorato che ruota a 
tutto schermo (Fig. 11). 

Siete invitati a variare i parametri del codice 
per sperimentare cosa accade in pratica. 
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